<template>
  <div class="about">
    <h1>This is an Detail page</h1>
    <child :msge='msg' @send='send'></child>
  </div>
</template>
<script>
  import {
    defineComponent,
    ref
  } from 'vue'
  import child from '../components/child/Child.vue'
  export default defineComponent({
    name: 'Detail',
    components: {
      child
    },
    setup() {
      let msg = ref('这是父组件的数据')
      let send = (val) => {
        console.info(val+'--Detail打印----')
      }
      return {
        msg,
        send
      }
    }
  })
</script>